<script setup>
import PageContainer from "@/components/PageContainer.vue";
import { ref } from "vue";

const form = ref({
  dlmc: "",
  yhmc: "",
  yhyx: "",
});

const tj = () => {
  alert("功能未开发");
  form.value = {};
};
</script>

<template>
  <page-container title="修改资料">
    <!-- 表单部分 -->
    <el-form label-width="100px">
      <el-form-item label="登录名称">
        <el-input v-model="form.dlmc"></el-input>
      </el-form-item>
      <el-form-item label="用户昵称">
        <el-input v-model="form.yhmc"></el-input>
      </el-form-item>
      <el-form-item label="用户邮箱">
        <el-input v-model="form.yhyx"></el-input>
      </el-form-item>
      <el-form-item>
        <el-button type="primary" @click="tj">提交修改</el-button>
      </el-form-item>
    </el-form>
  </page-container>
</template>
